import React from 'react'
import { CarryOutOutlined,SearchOutlined,UserOutlined } from '@ant-design/icons';
import { Input } from 'antd';

const Header:React.FC = () =>{
    
    return (
        <div className='flex h-12 items-center'>
            <CarryOutOutlined className='mx-2 text-lg' style={{'color':'white'}} />
            <div className='flex-1'>
                <Input className='rounded-2xl' style={{'borderRadius':'20px'} as any} placeholder="default size" prefix={<SearchOutlined />} />
            </div>
            <UserOutlined className='mx-2 text-lg' style={{'color':'white'}} />
        </div>
    )
}

export default Header